.roll-info {
    flex: 1;

    .title {
        font-size: 16px;
        font-weight: bolder;
    }

    .search-bar {
        //  background-color: rgb(175, 214, 214);
        height: 50px;
        line-height: 50px;
        display: flex;
        margin: auto;

        .layer-id-input {
            width: 320px !important;
            height: 40px !important;
            align-self: center;
        }

        .btn {
            align-self: center;
            margin-left: 20px;
        }
    }

    .whole-roll {
        padding-left: 10px;
        height: 50px;
        line-height: 50px;
        border: 1px solid rgb(8, 8, 5);
        display: flex;
    }

    .split-roll {
        height: 720px;
        overflow: auto;
        border: 1px solid rgb(8, 8, 5);
        padding-left: 15px;
        padding-right: 15px;

        .group {
            display: flex;
            flex-wrap: wrap;
            border: 1px solid rgb(209, 209, 202);

            div {
                width: 33.3%;
            }
        }
    }
}
